<template>
<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
    <span slot="title"></span>
    <span slot="footer"></span>
</el-dialog>
</template>
<script>
export default {
    data() {
        return {
            dialogVisible: false,
        }
    },
    methods: {
        handleClose(done) {
            this.$confirm('确认关闭？')
            .then(_ => {
                done()
            })
            .catch(_ => {})
        },
    },
}
</script>